PR Summary (Week 5 ~ Week 8)

개요

• Week 5~8 동안 프론트엔드의 데이터 흐름을 Mock 기반에서 실서버 기반으로 전환하고, 대용량 렌더링 성능 및 시퀀스 입력 검증 UX를 고도화했습니다.
• 핵심 축은 요청/응답 스키마 정합성, Canvas 성능, 입력 안정성, 배포 준비입니다.

주차별 변경사항

• [Week 5] API 연동 구조 정립

  • UI 입력(Flat) → 백엔드 요청(Nested) 변환 어댑터 흐름 정리
  • 요청/응답 타입 기반 데이터 바인딩 파이프라인 구성
  • Result Modal/Canvas와 데이터 연결 구조 확립

• [Week 6] 대용량 렌더링 최적화 및 Jittering 완화

  • 가시 구간 계산 로직을 이분 탐색 기반으로 최적화 (O(N) → O(log N))
  • 트랙 렌더링 범위를 viewport 기준으로 제한하여 렌더링 부담 감소
  • Canvas 좌표/레이어 처리 정리로 줌·패닝 시 시각적 떨림(Jittering) 완화

• [Week 7] Step1 시퀀스 입력 검증 UX 개선

  • ATGC 이외 문자 실시간 정리(sanitize) 및 대문자 정규화
  • Paste/Upload/Ctrl+V 경로에서 비정상 문자 감지 시 사용자 동의 다이얼로그 적용
  • Generate 직전 유효성 검증 강화 및 중복 검증 로직 정리

• [Week 8] Mock 제거 및 배포 백엔드 연동

  • Mock 응답 흐름 제거, 배포된 백엔드 API 연동으로 전환
  • API Base URL 환경변수 기반 구성 및 실응답 매핑 안정화
  • 실패 케이스(네트워크/서버 오류) 사용자 메시지 노출 강화